<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>预约车辆</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- ZUI 标准版压缩后的 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/zui/1.8.1/css/zui.min.css">
    <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">-->

    <link rel="stylesheet" href="css/lib/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="css/base.css?a=1">
    <link rel="stylesheet" href="css/index.css?a=1">
</head>
<body class="color-common bgcolor-f7f7f7">
<div class="in_topbar bgcolor-common color-fff font-size20">预约车辆</div>
<input type="hidden" id="openId" value=""/>
<div class="form-group text-center color-red height20" id="in_errorMsg">
</div>
<div class="in_content bgcolor-fff">
    <div class="form-group in_timecont border-common">
        <label for="subscribeTime" class="col-sm-2 height32 float-left">出发时间</label>
        <div class="col-md-6 col-sm-10 float-left ">
            <!--<input id="subscribeTime " type="text" class="form-control form-date daterange_btnsta" readonly placeholder="请选择日期" unselectable="on"/>-->
            <input type="text" id="subscribeTime" class=" form-control form-date daterange_btnsta " readonly="readonly">
        </div>
    </div>
    <div class="form-group in_timecont border-common height32">
        <label for="from_city_no" class="col-sm-2 float-left">出发城市</label>
        <div class="col-sm-4 float-left" style="width: 180px;">
            <select class="form-control " style="width: 180px;" id="from_city_no">

            </select>
        </div>
    </div>
    <div class="form-group in_timecont border-common height32">
        <label for="to_city_no" class="col-sm-2 float-left">到达城市</label>
        <div class="col-sm-4 float-left" style="width: 180px;">
            <select class="form-control" style="width: 180px;" id="to_city_no">

            </select>
        </div>
    </div>
    <div class="form-group in_timecont border-common">
        <label for="phoneNo" class="col-sm-2 height32 float-left">手机号码</label>
        <div class="col-md-6 col-sm-10 float-left">
            <input type="text" id="phoneNo" class=" form-control form-date daterange_btnsta" maxlength="11">
        </div>
    </div>
    <div class="form-group in_timecont border-common height32">
        <label  class="col-sm-2 height32 float-left">选择车辆</label>
        <div class="col-md-4 col-sm-4 float-left">
            <label class="radio-inline">
                <input type="radio" name="carType" id="carSmall" checked value="1">轿车
            </label>
        </div>
        <div class="col-md-4 col-sm-4 float-left">
            <label class="radio-inline">
                <input type="radio" name="carType" id="carBig" value="2">商务7座车
            </label>
        </div>
    </div>
    <div class="form-group in_timecont border-common height32">
        <label  class="col-sm-2 height32 float-left">预约类型</label>
        <div class="col-md-4 col-sm-4 float-left">
            <label class="radio-inline">
                <input type="radio" name="subscribeType" id="in_carpool" checked value="1">拼车
            </label>
        </div>
        <div class="col-md-4 col-sm-4 float-left">
            <label class="radio-inline">
                <input type="radio" name="subscribeType" id="in_busBig" value="2">包车
            </label>
        </div>
    </div>
    <div class="form-group in_timecont border-common height32">
        <label  class="col-sm-2 height32 float-left">预约人数</label>
        <div class="col-md-8 col-sm-8 float-left height32 btn-numbox">
            <ul class="count">
                <li><span id="num_sub" class="num_sub"></span></li>
                <li><input type="text" class="form-control float-left input-num" id="subscribePeopNum" value="1"></li>
                <li><span id="num_add" class="num_add"></span></li>
            </ul>
        </div>
    </div>
    <div class="in_timecont height100">
        <label  class="col-sm-2 height32 float-left">备注信息</label>
        <div class="col-md-8 col-sm-8 float-left">
            <textarea class="in_areaborder" name="" id="remarks" cols="20" rows="2"></textarea>
        </div>
    </div>
    <div class="form-group in_timecont height20 text-center">
        <button class="btn btn-primary text-center btn-lg" type="button" id="in_userSubmit" >提交信息</button>
    </div>
</div>


<!-- ZUI Javascript 依赖 jQuery -->
<script src="js/jquery/jquery.js"></script>

<script src="css/lib/moment.js"></script>
<script src="css/lib/bootstrap-datetimepicker.js"></script>
<script src="css/lib/bootstrap-datetimepicker.zh-CN.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script src="//cdn.bootcss.com/zui/1.8.1/js/zui.min.js"></script>
<script src="js/unit.js?a=2"></script>
<script src="js/index.js?a=2"></script>

</body>
</html>

